<ul class="box " id="startTarget">
    <script type="text/html" id='menuData'>
    <li title="{{:#data['name']}}">
        <p class="textAll flex-a" data-sysId="{{:#data['clsId']}}" data-dbcode="{{:#data['code']}}"><label class="check"></label><label class="text"> {{:#data['name']}}</label></p>
    </li>
    </script>
</ul>
<script>
    //请求一次
    $('.box').click(function (e) {
        if ($(e.target).hasClass('text')) {
            $('.asideMenu>.box .check').removeClass('check').addClass('nocheck');
            $('.asideMenu>.box .gray').removeClass('gray');
            $(e.target).parent('p').addClass('gray');
            checkedStatus($(e.target).siblings('label'));
            // 调用检索
            getClickData();
        }
        else if ($(e.target).hasClass('check')) {
            checkedStatus($(e.target))
        } else if ($(e.target).hasClass('textAll')) {
            // 先取消所有勾选项
            $('.asideMenu>.box .gray').removeClass('gray');
            $('.asideMenu>.box .check').removeClass('check').addClass('nocheck');
            $(e.target).addClass('gray');
            checkedStatus($(e.target).children('label').eq(0))
            // 调用检索
            getClickData();

        } else if ($(e.target).hasClass('nocheck')) {
            checkedStatus($(e.target))
        }
    })
    function getClickData() {
        clearSort();
        postTableData.page = 1;
        // 清除排序
        postTableData.orderBySort = "",
            postTableData.orderByValue = "",
            //清除高级检索的在结果中检索
            // 如果路由有参数
            postTableData.searchKey = '';
        postTableData.searchValue = '';
        postTableData.sortArr = getMenu();
        pageData.tableData(url, postTableData, 'knowledgeTableData', 'test1', true, '#KnowledgeMention', render(), true, callBackPage);
    }
    // 子元素被选中
    function checkedStatus(t) {
        if ($(t).hasClass('check')) {
            $(t).toggleClass('check');
            $(t).toggleClass('nocheck');
        } else if ($(t).hasClass('nocheck')) {
            $(t).addClass('check').removeClass('nocheck');
        }
    }
</script>